
//诊断diagnose
#Hospital-content{
 
  position:relative;
  //头部
  .Hospital-examine{
      width: 100%;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    font-size: .26rem;
    color: white;
    background-color: #33AE7F;
    position: relative;
    >.icon-zuo{
      display: block;
      position: absolute;
      width: .8rem;
      height: .8rem;
      &:before{
        font-size: .32rem;
        color: white;
      }
    }
  };
//就诊详情
  .Hospital-diagnose{
    >header{
      border-bottom: .05rem dotted #ccc;
      padding: .2rem;
      >.Hospital-details{
        >.Hospital-type{
          >.details-h{
            width: 1rem;
            line-height: .4rem;
            border: .02rem solid #33AE7F;
            border-radius: .1rem ;
            text-align: center;
            background-color: #33AE7F;
            color:white ;
            font-size: .24rem;
          }
          >.entity{
            line-height: .4rem;
            font-size: .24rem;
            margin-left: .5rem;
          }
        }
        >.Hospital-matter{
          margin-top: .1rem;
          >.details-s,.details-j{
            margin-right: .2rem;
            >div{
              font-size: .24rem;
              height: .5rem;
              line-height: .5rem;
              span{
                font-size: .24rem;
                color: #5f5656;
              }
            }
          }
        }
      }
      >.diagnose-btn{
        margin-top: .1rem;
        width: 100%;
        text-align: center;
        >a:nth-of-type(1){
          margin-right: .2rem;
        }
        >a:nth-of-type(2){
          margin-left: .2rem;
        }
        >.enjoin,.summarize{
          display: inline-block;
          width: .9rem;
          height: .5rem;
          line-height: .5rem;
          background-color:#33AE7F ;
          color: white;
          border-radius: .2rem;
          font-size: .24rem;
        }
      }
    }
  }
  //>.hide-l,.hid-r{
  //  display: none;
  //}
 >.click-to-viewl,.click-to-viewr{
   display: none;
  transition: 1s all;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color:white;
  top:0;
  left: 0;
 };
  .click-to-viewl{
    .Hospital-discharge{
      width: 100%;
      text-align: center;
      height: .5rem;
      line-height: .5rem;
      font-size: .16rem;
      background-color: #33AE7F;
      position: relative;
      >.icon-zuo{
        display: block;
        position: absolute;
        width: .5rem;
        height: .5rem;
        &:before{
          font-size: .24rem;
          color: white;
        }
      }
    };
  }
  //底部
  footer{
    >.examine{
      text-align: center;
      margin-left: .1rem;
      margin-top: .1rem;
      width: 1.6rem;
      line-height: .6rem;
      font-size: .24rem;
      background-color: rgb(51, 174, 127);
      color: white;
      border-radius: .06rem;
      >.iconfont{
      margin-right: .2rem;
      vertical-align: middle;
      }
    }
    >.checklist-item{
      margin-top: .2rem;
      >p{
        text-align: center;
        color:#33AE7F ;
      }
      > .mui-table-view{
        background-color: #efeff4;
        >.mui-table-view-cell{
          padding: .32rem;
//        &:hover{
//          background-color: #ccc;
//        }
          >a:not(.mui-btn){
            color: black;
            font-size: .24rem;
            padding: .1rem;
            padding-left: .2rem;
          }
        }
      }
    }
  }
}